<template>
	<v-menu
			ref="menu"
			v-model="menu"
			:close-on-content-click="false"
			:return-value.sync="value_in"
	>
		<!--		transition="scale-transition"-->
		<!--		offset-y-->
		<!--		max-width="290px"-->
		<!--		min-width="290px"-->
		<template v-slot:activator="{ on }">
			<v-text-field
					v-model="value_in"
					:label="label"
					prepend-icon="event"
					readonly
					:clearable="clearable"
					:hideDetails="hideDetails"
					v-on="on"
			></v-text-field>
		</template>
		<v-time-picker
				v-model="value_in"
				scrollable
				:locale="$i18n.locale"
				show-current
		>
			<v-spacer></v-spacer>
			<v-btn text color="primary" @click="$refs.menu.save(value_in)">确定</v-btn>
		</v-time-picker>
	</v-menu>
</template>

<script>
  import mixin_input from './mixin_input'
  export default {
    name: "zztime",
    mixins: [
      mixin_input,
    ],
    props: {},
    data() {
      return {
        menu: false,
      }
    },
    watch: {},
    created() {
    },
    methods: {
      dayformat(str){
        return str.substring(8,10)
      },
    }
  };
</script>
<style scoped lang="scss">

</style>
